<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动物名片</title>
    <style>
        .div1{
            text-align:center;
            width: 60%;
            border:2px solid red;
        }
        .p1{
            font-size: 30px;
        }
        .div2{
            text-align:left;
            text-indent: 2em;
        }
        .div1:hover{
            border:5px solid red;
        }
    </style>
</head>
<body>
<center>
    <div class="div1">
        <img src="img/动物名片.jpg" alt="长颈鹿" width="98%" vspace="10">
        <div class="div2">
            <p class="p1">长颈鹿</p>
            <hr>
            <p>长颈鹿（学名：Giraffa camelopardalis）：
                是 一种生长在非洲的反刍偶蹄动物，
                拉丁文名字的意思是“长着豹纹的骆驼” 。
                它们是世界上现存最高的陆生动物。</p>
        </div>
    </div>
</center>
</body>
</html>